<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Title</title>
</head>
<style>
    *{
        padding: 0;
        margin: 0;
    }
    .box{
        width: 500px;
        margin: 0 auto;
    }
    .banner{
        width: 250px;
        background: #FEFEFE;
        margin-bottom:5px ;
    }
    li{
        list-style: none;
        font-family: 楷体;
        padding: 5px 0px;
        text-indent: 2em;
        margin: 0 4px;

    }
    li:nth-of-type(1){
        background: url("image/001.png") no-repeat left center , url("image/003.png") no-repeat right center;
        background-size: 35px ;
    }
    li:nth-of-type(2){
        background: url("image/002.png") no-repeat left center , url("image/003.png") no-repeat right center;
        background-size: 35px ;
    }
    li:nth-of-type(3){
        background: url("image/001.png") no-repeat left center , url("image/003.png") no-repeat right center;
        background-size: 35px ;
    }
    li:nth-of-type(4){
        background: url("image/002.png") no-repeat left center , url("image/003.png") no-repeat right center;
        background-size: 35px ;
    }
</style>
<body bgcolor="#F0F0F0">
<div class="box">
    <a href="index.html">作业一</a>
    <a href="demo.html">作业二</a>
    <a href="temp.html">作业三</a>
    <a href="test.html">作业四</a>
    <a href="iphoe.html">作业五</a>
    <div class="banner">
        <ul>
            <li style="border-bottom: 1px #F8F8F8 solid;">云服务器</li>
            <li style="border-bottom: 1px #F8F8F8 solid;">其他账号</li>
            <li style="border-bottom: 1px #F8F8F8 solid;">云服务器</li>
            <li style="border-bottom: 1px #F8F8F8 solid;">其他账号</li>
        </ul>
    </div>
    <div class="banner">
        <ul>
            <li style="border-bottom: 1px #F8F8F8 solid;">云服务器</li>
            <li style="border-bottom: 1px #F8F8F8 solid;">其他账号</li>
            <li style="border-bottom: 1px #F8F8F8 solid;">云服务器</li>
            <li style="border-bottom: 1px #F8F8F8 solid;">其他账号</li>
        </ul>
    </div>
</div>

</body>
</html>